<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="css/order.css">
<script type="text/javascript" src="js/jquery.js"></script>

<title>订单管理</title>
</head>

<body class="main f2f2f2">
    <header id="login-head" class="fenlei-head">
        <div class="head-left"><a href="javascript:;" onclick="history.back(-1)"><i></i></a></div>
        <div class="head-middle">我的订单</div>
        <div class="head-right"><a href="javascript:;"><i></i></a></div>
    </header>
<div class="fenlei-bg"></div>
<nav>
	<ul class="ding_nav">
    	<li class="current"><a href="javascript:;">全部</a></li>
        <li><a href="javascript:;">待付款</a></li>
        <li><a href="javascript:;">待发货</a></li>
        <li><a href="javascript:;">待收货</a></li>
        <li><a href="javascript:;">待评价</a></li>
    </ul>
</nav>
<article>
	<div class="ding_all">
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">商家已发货</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="order_daishouhuo.html"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="javascript:;">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="queren"><a href="">确认收货</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">等待买家付款</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="order_weifukuan.html"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="javascript:;">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="queren"><a href="">确认付款</a></li>
                                <li class="quxiao"><a href="">取消订单</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
    
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">买家已付款</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="order_weifahuo.html"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="javascript:;" >163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="queren"><a href="">提醒发货</a></li>
                                <li class="quxiao"><a href="">联系卖家</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
    
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">交易成功</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="order_weipingjia.html"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="javascript:;">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="queren"><a href="topingjia.html">评价</a></li>
                                <li class="quxiao"><a class="ding_del" href="javascript:;">删除订单</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
    
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">交易成功</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="javascript:;"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="javascript:;">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="quxiao"><a class="ding_del" href="javascript:;">删除订单</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="ding_all" style="display:none;">
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">等待买家付款</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="javascript:;"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="dingdan_info.html" target="_blank">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="queren"><a href="">确认收货</a></li>
                                <li class="quxiao"><a href="">取消订单</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="ding_all" style="display:none;">
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">买家已付款</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="javascript:;"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="" target="_blank">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="queren"><a href="">提醒发货</a></li>
                                <li class="quxiao"><a href="">联系卖家</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="ding_all" style="display:none;">
    </div>
    <div class="ding_all" style="display:none;">
        <div class="ding_part">
            <div class="ding_shop1">
            	<div class="ding_shop_dimg">
                	<a href="" target="_blank"><img class="dian-img" src="images/icon-dianpu2.png"></a>
                    <a href="" target="_blank">163K软件 ></a>
                </div>
                <span class="fahuo">交易成功</span>
            </div>
            <div class="ding_tit">
                <ul>
                    <li>
                        <div class="ding_layoutLi">
                            <a href="javascript:;"><img src="images/20180110.png"></a>
                            <div>
                                <p><a href="dingdan_success.html" target="_blank">163K网站系统163K网站系统163K网站系统163K网站系统</a></p>
                                <p>企业软件:企业软件</p>
                                <p><span>￥<em class="price">450</em>.00<i>定制</i></span><span>X<em class="num">1</em></span></p>
                            </div>
                        </div>
                        <div class="ding_pri">
                            <p>共<span class="numLength">1</span>件商品&nbsp; 小计：<span>￥<em class="mony">450</em>.00</span></p>
                        </div>
                        <div class="ding_btn">
                            <ul>
                                <li class="queren"><a href="">评价</a></li>
                                <li class="quxiao"><a class="ding_del" href="javascript:;">删除订单</a></li>
                            </ul>
                        </div>          
                    </li>
                </ul>
            </div>
        </div>
    </div>
</article>

<script type="text/javascript">
$(document).ready(function(){
	$(".ding_del").click(function(){
		$(this).parents(".ding_part").remove();
	})
});

$(document).ready(function(){
	$('.ding_nav li').click(function(e){
		var t = $(this).index();
		if(t<5){
			$(".ding_nav li").removeClass("current");
			$(this).addClass("current");
			$('.ding_all').css('display','none');
			$('.ding_all').eq(t).css('display','block');
		}
	});
});
</script>
</body>
</html>













